@import "public.styl"

//全局配置项
* {
  margin 0px
  padding 0px
}

a {
  text-decoration none
  color #fff
}
  
html, body {
  width 100%
  height 100%
  font-weight 300
  overflow hidden
  font-family '微软雅黑'
  background #fff
}

input{
	outline:none;
  font-size:15px;
}

textarea{
	outline:none;
}

.main_bg_color {
  background:#fff; 
}

.easyd-weixin-Box {
  font-size $defaultFontSize
  width 100%
  height 100%
  -webkit-overflow-scrolling : touch;
  overflow auto
  background $appBg
  position relative
}

//关注提醒
.concernRemindBox {
  width 100%
  height 50px
  text-align center
  line-height 50px
  background #fff
  float left

  span {
    color #FF6633
  }
}

  //mint-ui样式
  .mint-msgbox {
    width:70% !important
  }


  //引导相关通用样式
  .app_guide_content {
      background-color rgba(255,255,255,0.9)
      position absolute
      overflow hidden;
      width 80%
      box-shadow: 0 0 10px #fff;
      border-radius 5px
      left 10%

      .app_guide_text {
        width 100%
        height auto
        padding 10px
        font-size 12px  
        box-sizing border-box

        p {
          margin-bottom 5px
          text-align justify
        }
      }

      .app_guide_content_help {
        width 100%
        height 40px
        background #f5f5f5
        border-bottom 1px solid #ddd  
        font-size 14px
        line-height 40px

        .next_guide {
          float right
          width 100px
          height 30px
          text-align right
          margin-right 10px;
          font-weight 400

          span {
            float right
          }
        }

        i {
          color #999
          margin-left 10px
          margin-right 5px
          position relative
          top -1px
        }
      }
    }

  .app_guide_border {
      position absolute
      border 1px solid #fff
      border-radius 5px
      box-shadow: 0 0 10px #fff;
  }

  .app_guide_img {
      width 50px
      height 50px
      position absolute
      bottom 55px
    }

  //引导提示
  .guideActionBox {
    position absolute
    top 0px
    left 0px
    right 0px
    bottom 0px
    background-color rgba(0,0,0,.5)
    z-index 999999

  }

  //帮助按钮
  .openHelp {
    width 60px
    height 60px;
    border-radius 30px
    position absolute
    right 20px
    bottom 20px
    z-index 9999999
    box-shadow: 0 0 10px orange;
    background #333
    text-align center
    line-height 60px
    color #fff

    span {
      top 16px
      left 19px
      letter-spacing: 1px
      position absolute
      font-size 12px
    }

    i {
      top 10px
      left 22px
      font-size 30px
      position absolute
    }
  }

  //仿微信侧滑动画
  .vux-pop-out-enter-active,
  .vux-pop-out-leave-active,
  .vux-pop-in-enter-active,
  .vux-pop-in-leave-active {
    will-change: transform;
    transition: all 250ms;
    height: 100%;
    top: 0;
    position: absolute;
    backface-visibility: hidden;
    perspective: 1000;
  }

  .vux-pop-out-enter {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  .vux-pop-out-leave-active {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  .vux-pop-in-enter {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  .vux-pop-in-leave-active {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }


  
	//基础样式
	.MARGIN_TOP_10 {
		margin-top: 10px;
	}
 
	.MARGIN_BOTTOM_10 {
		margin-bottom: 10px;
	}
	
 
	.MARGIN_BOTTOM_5 {
		margin-bottom: 5px;
	}
	
	.MARGIN_BOTTOM_20 {
		margin-bottom: 20px;
	}
	
	.COLOR_FBD415 {
		color: #fbd415;
	}
	
	.T1 {
		font-size: 16px;
	}
	
	.C1 {
		color: #000;
	}
	
	.T2 {
		font-size: 14px;
	}
	
	.C2 {
		color: #333;
	}
	
	.T3 {
		font-size: 13px;
	}
	
	.C3 {
		color: #666;
	}
	
	.T4 {
		font-size: 12px;
	}
	
	.C4 {
		color: #999;
	}
	
    .app_page_box{
		position: absolute;
		width: 100%;
		bottom: 0;
		top: 0px;
		overflow: auto;
	}
	
    .app_page{
    	padding:12px;
    	padding-bottom:0;
    	width:auto;
    }
    .app_box_flex{
    	display: flex;
    }
    .app_box_flex_1{
    	flex: 1;
    }
    .app_box_flex_2{
    	flex: 2;
    }
    .app_box_flex_5{
    	flex: 5;
    }
    .app_float_left{
    	float:left;
    }
    .app_float_right{
    	float:right;
    }
	img{
		max-width: 100%;
	}
	.app_box{
	    width: 100%;
	    height: auto;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    position: relative;
	    background: #fff;
    	padding: 0.266667rem;
	    border: 0.026667rem solid #eee;
	    -webkit-box-shadow: 0 0.053333rem 0.16rem 0 rgba(0,0,0,0.05);
	    box-shadow: 0 0.053333rem 0.16rem 0 rgba(0,0,0,0.05);
	    border-radius: 0.133333rem;
	}
	.app_list_box{
	    width: 100%;
	    height: auto;
	    -webkit-box-sizing: border-box;
	    box-sizing: border-box;
	    position: relative;
	    background: #fff;
	    border: 0.026667rem solid #eee;
	    -webkit-box-shadow: 0 0.053333rem 0.16rem 0 rgba(0,0,0,0.05);
	    box-shadow: 0 0.053333rem 0.16rem 0 rgba(0,0,0,0.05);
	    border-radius: 0.133333rem;
	}
	.app_list_box .app_box_content_textarea{
	    width: 100%;
	    display:flex;
    	overflow: auto;
    	padding: 10px 0;
	}
	.app_list_box .app_box_content_textarea textarea{
	    width: 100%;
	    height: 100%;
	    border: none;
	    font-size: 14px;
	}
	.app_box_padding{
    	padding: 0.266667rem;
    }
    .app_box_title{
    	height: 45px;
		padding: 0px 12px;
		line-height: 45px;
		border-bottom: 1px solid #f1f1f1;
    }
    .app_box_content_list{
    	//height: 45px;
		padding: 5px 12px;
		line-height: 30px;
		border-bottom: 1px solid #f1f1f1;
    }
    .app_box_content{
    	//height: 45px;
		padding: 0px 12px;
		line-height: 45px;
		border-bottom: 1px solid #f1f1f1;
		display: flex;
    }
	.app_box_content_left{
		width: auto;
		//height: 45px;
		font-size: 16px;
	}
	.app_box_content_right{
		width: auto;
		flex: 1;
		//height: 45px;
		padding-left: 10px;
		text-align: right;
		overflow: hidden;
		font-size: 14px;
		text-overflow: ellipsis;
		white-space: nowrap
	}
	.app_box_content_right input{
		border:none;
		text-align: right;
		padding-right:8px;
		background:none;
		width:100%;
	}
	.app_bottom_box{
		display: flex;
		height: 50px;
		line-height: 50px;
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	}
	.app_bottom_box div{
		flex: 1;
		text-align: center;
		font-size: large;
	}
	.app_bottom_box div.app_bottom_box_left{
		background: #fff;
		color: #999;
	}
	.app_bottom_box div.app_bottom_box_right{
		background: #FBD415;
		color: #fff;
	}
  .actionsBox .mint-actionsheet-list{
      max-height: 400px;
      overflow-y: scroll;
  }
